<template>
  <div id="app">
    <router-view />
    <dz-tabbar v-if='$route.meta.showTab' v-model="select">
      <dz-tabbar-item id="Index" isRouter>
        <span class="dz-tabbar-item-icon iconfont" slot="icon-normal">&#xe687;</span>
        <span class="dz-tabbar-item-text" slot="icon-text">首页</span>
      </dz-tabbar-item>
      <dz-tabbar-item id="Videos" isRouter>
        <span class="dz-tabbar-item-icon iconfont" slot="icon-normal">&#xe61b;</span>
        <span class="dz-tabbar-item-text" slot="icon-text">微视频</span>
      </dz-tabbar-item>
      <dz-tabbar-item id="Friends" isRouter>
        <span class="dz-tabbar-item-icon iconfont" slot="icon-normal">&#xe606;</span>
        <span class="dz-tabbar-item-text" slot="icon-text">朋友圈</span>
      </dz-tabbar-item>
      <dz-tabbar-item id="SCar" isRouter>
        <span class="dz-tabbar-item-icon iconfont" slot="icon-normal">&#xe7c0;</span>
        <span class="dz-tabbar-item-text" slot="icon-text">购物车</span>
      </dz-tabbar-item>
      <dz-tabbar-item id="Mine" isRouter>
        <span class="dz-tabbar-item-icon iconfont" slot="icon-normal">&#xe66c;</span>
        <span class="dz-tabbar-item-text" slot="icon-text">我的</span>
      </dz-tabbar-item>
    </dz-tabbar>
  </div>
</template>

<script>
import dzTabbar from '@/components/tabbar/Tabbar'
import dzTabbarItem from '@/components/tabbar/TabbarItem'
export default {
  name: "App",
  components: {
    dzTabbar,
    dzTabbarItem
  },
  data() {
    return {
      select: "Index"
    }
  },
};
</script>

<style lang="less" scoped>

</style>
